$(function() {
    // 节流阀 当我们点击li,此时不需要执行，页面滚动事件里面的li背景元素添加current
    var flag = true;
    // 获取今日推荐距离头部的距离
    var toolTop = $(".recommed").offset().top;
    // 如果 大于距离
    // 封装成一个函数
    // 开始时调用
    // 显示和隐藏
    toggleTool();

    function toggleTool() {
        if ($(document).scrollTop() > toolTop) {
            $(".fixedtool").fadeIn(); //显示出来
        } else {
            $(".fixedtool").fadeOut(); //隐藏
        }
    }
    // 滚动事件
    $(window).scroll(function() {
        toggleTool();
        // 点击li电梯导航某个li 当前li添加current类，兄弟移出类名
        // 当页面滚动到区域某个模块，左侧电梯导航，相对应的li也会添加current类
        // 触发事件是页面滚动，因此这个功能要写到页面滚动事件里面
        // 需要用到each，遍历内容区域，each里面拿到区域每个元素的索引和索引号
        // 判断的条件：被卷入头部大于等于内容区域里面每个模块的offset().top
        // 页面滚动到某个内容区域，左侧电梯导航li相应添加和删除current类名
        if (flag) {
            $(".floor .w").each(function(i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    console.log(i);
                    $(".fixedtool li").eq(i).addClass("current").siblings().removeClass();
                }
            })
        }
    });
    // 点击电梯导航页面可以滚动到相应内容区域
    $(".fixedtool li").click(function() {
        flag = false;
        console.log($(this).index());
        // 每次点击li,就需要计算出页面要去往的位置
        // 选出对应索引号的内容区域的盒子，计算他的off.set().top
        var current = $(".floor .w").eq($(this).index()).offset().top;
        //页面动画滚动效果
        $("body,html").stop().animate({
            scrollTop: current
        }, function() {
            flag = true; //回调函数
        });
        // 点击之后让当li添加current 类名，兄弟移出类名
        $(this).addClass("current").siblings().removeClass();
    });


})